<!DOCTYPE html>
<html lang="en">
	<head>
		<title>MGD Informática</title>
		<meta charset="utf-8">
		<meta name="format-detection" content="telephone=no" />
		<link rel="icon" href="images/favicon.ico">
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link rel="stylesheet" href="css/style.css">
		<!--<script src="js/jquery.js"></script>
		<script src="js/jquery-migrate-1.1.1.js"></script>
		<script src="js/jquery.easing.1.3.js"></script>
		<script src="js/script.js"></script> 
		<script src="js/superfish.js"></script>
		<script src="js/jquery.equalheights.js"></script>
		<script src="js/jquery.mobilemenu.js"></script>
		<script src="js/tmStickUp.js"></script>
		<script src="js/jquery.ui.totop.js"></script>-->
		<script>
			$(window).load(function(){
			$().UItoTop({ easingType: 'easeOutQuart' });
			$('#stuck_container').tmStickUp({});  
			}); 
		</script>
		<style type="text/css">
		body 
		{
			margin:0;
			padding:0;
			background:#FFFFFF;
			text-align:center; /* hack para o IE */
		}
		
		#tudo 
		{
			background: rgb(112,113,114); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(112,113,114,1) 29%, rgba(155,155,155,1) 68%, rgba(99,100,102,1) 97%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(29%,rgba(112,113,114,1)), color-stop(68%,rgba(155,155,155,1)), color-stop(97%,rgba(99,100,102,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(112,113,114,1) 29%,rgba(155,155,155,1) 68%,rgba(99,100,102,1) 97%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(112,113,114,1) 29%,rgba(155,155,155,1) 68%,rgba(99,100,102,1) 97%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(112,113,114,1) 29%,rgba(155,155,155,1) 68%,rgba(99,100,102,1) 97%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(112,113,114,1) 29%,rgba(155,155,155,1) 68%,rgba(99,100,102,1) 97%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707172', endColorstr='#636466',GradientType=0 ); /* IE6-9 */
			width: 98%;
			margin:0 auto;         
			text-align:left; /* "remédio" para o hack do IE */ 
		}
		
		header 
		{
			background-image: url("images/BackHeader2.jpg");
			background-repeat:no-repeat;
			background-size: 100% 100%;
			/*background-color: #00B1BA;*/
			color:white;
			text-align:center;
			padding:5px 2px 1px 1px;	
			height:265px;			
		}
		
		#boxlogo 
		{
			padding: 5px;
			/*background-color: #7A7B7D;*/
			margin-top: 15px;
			margin-left: 15px;
			/*height:190px;
			width: 70px;*/
			float: left;
		}
		
		#boxlogo img
		{
			height:180px;
			/*width: 270px;*/
			top: 1px;
			opacity: 1.4;
			filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		#boxlogotitlemain 
		{
			position: relative;
			/*background-image: url("images/BackHeader.jpg");
			background-repeat:no-repeat;
			background-size: 100% 100%;
			padding: 5px;
			background-color: green;*/
			height:100%;
			width: 70%;
			float: right;
		}
		
		#boxlogin 
		{
			position: relative;
			padding: 5px 1px 1px 1px;
			/*background-color: blue;*/
			height:auto;
			width: 13%;
			float: right;
		}
		
		#boxlogin img
		{
			opacity: 0.4;
			filter: alpha(opacity=40); /* For IE8 and earlier */
		}
		
		#boxlogin img: hover
		{
			opacity: 1.0;
			filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		#boxloginimg img
		{
			height:50px;
			width: 50%;
			top: 1px;
		}
		
		#boxcenterheader 
		{
			position: relative;
			padding: 5px;
			/*background-image: url("images/BackHeader.jpg");
			background-repeat:no-repeat;
			background-size: 100% 100%;
			/*background-attachment:fixed;
			background-position:center;*/
			opacity: 0.6;
			height:65%;
			width: 85%;
			float: left;
		}
		
		#boxmenuheader 
		{
			position: relative;
			margin-top: 1px;
			padding-left: 200px;
			/*padding: 5px 0px 0px 5px;
			background-color: red;*/
			height:34%;
			width: auto;
			float: left;
		}
		
		#menu
		{
			padding: 0px;
			margin: 0px;
			/*background-color: blue;*/
			text-align:left;
		}
		
		#menu ul
		{
			list-style: none;
		}
		
		#menu ul li 
		{
			display: inline; 
			font-size: 18px;
			/*font-height: 22px;*/
			line-height: 22px;
		}
		
		#menu ul li a 
		{
			padding: 14px 20px;
			display: inline-block;
     
			/* visual do link */
			background-color:#00B1BA;
			color: #333;
			text-decoration: none;
			/*font: 12px/15px Arial, Helvetica, sans-serif;*/
			border-bottom:2px solid #CCCCCC;
			transition: all 0.5s ease 0s;
		}
		
		#menu ul li a:hover 
		{
			/*color: #00b1ba;
			color: #9897A5; */
			color: #000000;
		}
		
		#menu ul li a:hover 
		{
			background-color:#000000;
			color: #FFFFFF;
			opacity: 1.0;
			filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		nav 
		{
			line-height:40px;
			background-color:#eeeeee;
			height:300px;
			width:29%;
			float:left;
			padding:5px;	      
		}
		/*
		nav
		{
			opacity: 0.0;
			filter: alpha(opacity=00); /* For IE8 and earlier */
		}
		*/
		#boxnav
		{
			background-color:#00B1BA;
			color: #333;
			text-decoration: none;
			border:2px solid red;
			transition: all 0.5s ease 0s;
			font-size: 18px;
			height: 15px;
			float: left;
		}
		
		section 
		{
			width:350px;
			float:left;
			padding:10px;	 	
			color: #FFFFFF;
		}
		
		footer 
		{
			background-color:black;
			color:white;
			clear:both;
			text-align:center;
			padding:5px;	 	 
		}
		
		#conteudo 
		{
			padding: 5px;
			background-color: #eee;
		}
		
		</style>
	</head>
	<body>
		<div id="tudo">
			<header>
				
				<div id ="boxlogo">
					<a href="index.html"><img src="images/Logo_MGD7.jpg" alt="Logo alt" width="75%" height="10%"></a>
				</div>
				
				<div id ="boxlogotitlemain">
					<!--<div id ="boxcenterheader"></div>-->
					<div id ="boxlogin">
						<div id ="boxloginimg">
							<a href="index.html"><img src="images/Login3Rows.jpg" alt="Login"></a>
						</div>
					</div>
					<div id ="boxmenuheader">
						<div id ="menu">
							<ul>
								<li><a href="#">Home</a></li>
								<li><a href="#">Produtos</a></li>
								<li><a href="#">Missão</a></li>
								<li><a href="#">Links</a></li>
								<li><a href="#">Contato</a></li>
							</ul>
						</div>
					</div>
				</div>
			</header>
			
			<nav>
				<div id ="boxnav">xxxxx</div>
				London<br>
				Paris<br>
				Tokyo<br>
			</nav>
			
			<section>
				<h1>London</h1>
				<p>
				London is the capital city of England. It is the most populous city in the United Kingdom,
				with a metropolitan area of over 13 million inhabitants.
				</p>
				<p>
				Standing on the River Thames, London has been a major settlement for two millennia,
				its history going back to its founding by the Romans, who named it Londinium.<br />
				link para pesquisa: http://www.maujor.com/tutorial/apoio_marca-template/template-dois.html<br />
				link para pesquisa: http://www.kadunew.com/blog/html/10-exemplos-de-aplicacoes-usando-html5 <br />
				link para pesquisa: http://www.richardbarros.com.br/blog/css/css-truques-para-dominar-a-propriedade-float
				</p>
			</section>
			
			<footer>
				Copyright © ADRsoft.com
			</footer>
		</div>
	</body>
</html>